<template>
    <div>
        <!-- 状态栏 -->
        <div class="status-bar">
            <div class="flex items-center">
                <div class="w-28 h-28 bg-#2d2f39 rounded-5 flex items-center justify-center mr-10">
                    <van-icon name="arrow-left" @click="goBack" color="#868689" />
                </div>
                <div class="color-#ffffff font-bold">
                    {{ title }}
                </div>
            </div>
            <div class="w-28 h-28 bg-#2d2f39 rounded-5 flex items-center justify-center" v-if="showMore">
                <img src="/imgs/more.png" alt="" class="w-15"  />
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
const configStore = useConfigStore();
const router = useRouter();
const props=defineProps({
  title: String,
  showMore: Boolean
});
const goBack = () => {
  router.go(-1);
};
</script>

<style scoped lang="scss">
.status-bar {
  padding: 15px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}</style>